<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <link rel="stylesheet" href="__CSS__/userweb/common.css">
    <link rel="stylesheet" href="__CSS__/userweb/register.css">
</head>
<body>
<div class="user_agreement_box">
    <div class="user_agreement_content">
        <div class="user_agreement_tit">
            <div class="title_zh">用户协议</div>
            <div class="title_en">user's agreement</div>
        </div>
        <div class="user_agreement_p"> </div>
        <button class="my_agree_btn" onclick="myAgreement()">
            <div class="my_title_zh">同意协议</div>
            <div class="my_title_en">agree the agreement</div>
        </button>
    </div>
</div>
<div class="header">
    <div class="header_content">
        <div class="logo" onclick="homePage()">
            <span>小货郎</span>
        </div>
        <div class="cut_line"></div>
        <div class="login_title">
            <div class="title_zh">注册</div>
            <div class="title_en">register</div>
        </div>
    </div>
</div>
<div class="reg_container">
    <div class="reg_cont_box">
        <div class="reg_form_content">
            <div class="reg_form_left">
                <div class="reg_title_box">
                    <div class="my_title_zh">注册</div>
                    <div class="my_title_en">register</div>
                </div>
                    <div class="reg_form_box">
                        <div class="input_box">
                            <div class="input_cont_box my_mar_bottom">
                                <input type="text" class="input_sty tel" onblur="showInput(this)">
                                <div class="input_title" onclick="hiddenDiv(this)">
                                    <div class="input_title_zh">手机号</div>
                                    <div class="input_title_en">mobile number</div>
                                </div>
                            </div>
                            <div class="input_code_box my_mar_bottom">
                                <input type="text" class="input_code" onblur="showInput(this)">
                                <div class="input_title" onclick="hiddenDiv(this)">
                                    <div class="input_title_zh">验证码</div>
                                    <div class="input_title_en">notification code</div>
                                </div>
                            </div>
                            <button class="get_code_btn my_mar_bottom">
                                <div class="my_title_zh">获取验证码</div>
                                <div class="my_title_en">obtain verification code</div>
                            </button>
                            <div class="input_cont_box my_mar_bottom">
                                <input type="text" class="input_sty invite" maxlength="4" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')" onblur="showInput(this)">
                                <div class="input_title" onclick="hiddenDiv(this)">
                                    <div class="input_title_zh">邀请码（选填）</div>
                                    <div class="input_title_en">Invitation code (optional)</div>
                                </div>
                            </div>
                            <div class="input_cont_box my_mar_bottom">
                                <input type="password" class="input_sty pwd" onblur="showInput(this)">
                                <div class="input_title" onclick="hiddenDiv(this)">
                                    <div class="input_title_zh">密码</div>
                                    <div class="input_title_en">password</div>
                                </div>
                            </div>
                            <div class="accept_user_agreement my_mar_bottom">
                                <input type="checkbox" class="accept_checkbox">
                                <label>
                                    <span></span>
                                </label>
                                <div class="user_agreement_title">
                                    <a onclick="showAgreement()">
                                        <div class="agreement_title_zh">阅读并接受《用户协议》</div>
                                        <div class="agreement_title_en">please read and accept user agreement</div>
                                    </a>
                                </div>
                            </div>
                            <button class="my_submit_btn">
                                <div class="my_title_zh">确定</div>
                                <div class="my_title_en ">determine</div>
                            </button>
                        </div>
                    </div>
                <div class="go_login">
                    <div class="my_title_zh">已有账号，<a href="/userweb/index/login">去登录</a></div>
                    <div class="my_title_en">already has an account, please login</div>
                </div>
            </div>
            <div class="left_line"></div>
            <div class="reg_form_right">
                <div class="download_box">
                    <div class="reg_code_img">
                        <div class="code_img">
                            <img src="" alt="">
                            <div class="code_title">android</div>
                        </div>
                        <div class="code_img">
                            <img src="" alt="">
                            <div class="code_title">ios</div>
                        </div>
                    </div>
                    <div class="download_tip_box">
                        <div class="download_tip_zh">下载手机客户端</div>
                        <div class="download_tip_en">download the mobile client</div>
                    </div>
                    <div class="download_tip_box">
                        <div class="download_tip_zh">随时随地购买商品</div>
                        <div class="download_tip_en">buy products anytime, anywhere</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{include file="html/Common/registerFooter"}
</body>
<script src="__JS__/userweb/jquery.min.js"></script>
<script src="__JS__/userweb/common.js"></script>
<script src="__JS__/userweb/login/register.js"></script>
<script src="/js/layer.js"></script>
<script>
    //显示用户协议
    function showAgreement() {
        $(".user_agreement_box").fadeIn(300);
    }
    //隐藏用户协议
    function hideAgreement() {
        $(".user_agreement_box").fadeOut(300);
    }
    //同意用户协议
    function myAgreement() {
        hideAgreement();
        $(".accept_checkbox").prop('checked',true);
    }
    //跳转首页
    function homePage() {
        window.location.href = "/userweb/index/index.html";
    }

</script>
</html>